.aurora-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  will-change: transform;
}

.aurora-container canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  will-change: transform;
}

/* 对动画敏感的用户减少动画效果 */
@media (prefers-reduced-motion: reduce) {
  .aurora-container {
    opacity: 0.5;
  }
} 